<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--第三方的css-->
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <!--自己的less样式-->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/pingbandiannao.css">
</head>

<body>
    <!--头部-->
    <header id="header">
        <a class="logo" href="#">
            <img src="../images/header_logo.png" alt="">
        </a>
        <a class="app" href="">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>
    <!--搜索框-->
    <section id="search">
        <form action="">
            <input type="search" placeholder="请输入你想比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>
    <!-- 路径导航 -->
    <ol class="breadcrumb">
        <li><a href="#">首页</a></li>
        <li class="active"><a href="#">全部分类</a></li>
        <!-- <li class="active">Data</li> -->
    </ol>
    <!-- 热门品牌排行 -->
    <div class="hotBrandRanking">
        <span>平板电脑哪个牌子好</span>
        <em></em>
    </div>
    <div class="commodity">
        <a href="jacascript:;">
            <span>1</span>
            <div class="clearfix">
                <i>三星平板电脑</i>
                <p>30天拳王销售</p>
            </div>
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
    <div class="hotBrandRanking">
        <span>平板电视产品销量排行</span>
        <em></em>
    </div>
    <div class="brandList">
        <div class="media">
            <a href="" class="media-left">
                <img src="" alt="">
            </a>
            <div class="media-body">
                <a href="">
                    <h5>乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</h5>
                    <p class="price">￥3266.00</p>
                    <em>报价(6)</em>
                    <em>评论(3522)</em>
                </a>
            </div>
        </div>
    </div>
    <div class="hotBrandRanking">
        <span>平板电视最新评论</span>
        <em></em>
    </div>
    <!-- 评论 -->
    <div class="bd pllist product-com">
        <ul>
            <!-- <li>
                <a href="bijia.aspx?id=211698">
                    <div class="protit">
                        <div class="pic">
                            <img src="http://pro.zuyushop.com:8015/ProPic/201510/Thumb/Thumb_201510001104382491.jpg"
                                alt="乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视" width="100" height="100">
                        </div>
                        <div class="tit">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</div>
                    </div>

                    <div class="plbox">
                        <div class="name">k***a<span class="star"><em class="star5"></em></span><i>2016/10/1</i></div>
                        <div class="con">这已经是第二台乐视的，简单的评价下：操作系统的确很棒，非常方便，比家里其他品牌电视好不只几个档次；显示效果跟其他国产品牌没有太大区别，可能还要稍微逊色些；开机速度，还是一如既往的慢，当然家里另一台某创姓电视一样，所以不知道这是不是电视的通病；最后，谈谈性价比吧，记得乐视刚退出电视时，的确比其他电视价格低很多，但现在基本上没太大优势。我只所以再次选择乐视，只是我这个人不喜欢随随便便尝试新的东西。</div>
                    </div>
                </a>
            </li> -->
        </ul>
    </div>

    <!-- 尾部 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href=""><img src="http://www.zuyushop.com/wap/images/top.jpg" alt="">返回顶部</a>
            </div>
        </div>
        <p><a href="">手机app下载 </a><a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>
<!-- //第三方模版 -->
<script type="text/html" id="commodity">
    {{each result as value i}}
<a href="javascript">
    <span>{{value.brandId+1}}</span>
    <div class="clearfix">
    <i>{{value.brandName}}</i>
    <p>{{value.brandInfo}}</p>
    </div>
    <span class="glyphicon glyphicon-menu-right"></span>
</a>
{{/each}}
</script>

<script type="text/html" id="brandList">
    {{each list as value i}}
    <div class="media">
            <a href="./brandComment.html?{{value.productId}}" class="media-left">
                   {{#value.productImg}}
            </a>
            <div class="media-body">
                <a href="">
                    <h5>{{value.productName}}</h5>
                    <p class="price">{{value.productPrice}}</p>
                    <em>{{value.productQuote}}</em>
                    <em>{{value.productCom}}</em>
                </a>
            </div>
        </div>
{{/each}}
</script>


<script type="text/html" id="comment">
    {{each comment as value i}}
    <li>
        <a href="bijia.aspx?id=211698">
            <div class="protit clearfix">
                <div class="pic">
                {{#value.productImg}}
                </div>
                <div class="tit">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</div>
            </div>

            <div class="plbox">
                <div class="name">{{value.comName}}<span class="star"><em class="star5"></em></span><i>{{value.comTime}}</i></div>
                <div class="con">{{value.comContent}}</div>
            </div>
        </a>
    </li>
{{/each}}
</script>



<script src="../js/commit.js"></script>
<script src="../lib/jquery/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../js/template.js"></script>
<script src="../js/pingbandiannao.js"></script>

</html>